import {computed, defineComponent} from "vue"
import type { CSSProperties } from "vue"
export default defineComponent({
    name:"ElAside",
    props:{
        width:{
            default:200
        }
    },
    setup(props,{slots}){

        const style = computed(()=>{
            const styles:CSSProperties = {}
            if(props.width){
                styles.width = props.width+'px'
            } 
            return styles
        })

        return ()=>(
            <>
                <div style={[style.value]}>
                    {
                        slots?.default?slots.default?.():''
                    }
                </div>
            </>
        )
    }
})